<!doctype html>
<html>
<head>
<include file="public:head" />
<link rel=stylesheet type=text/css href="__STATIC__/taoke/css/good_jp.css" />
<link rel=stylesheet type=text/css href="__STATIC__/taoke/css/base.css" />
<link rel=stylesheet type=text/css href="__STATIC__/taoke/css/brand_jp.css" />

<link rel="stylesheet" href="http://st.mizhe.com/static/pro/brand_martshow_index-0157678003.css" type="text/css" media="all" />
<link rel=stylesheet type=text/css href="__STATIC__/itaoke_mizhe/css/common.css" />

</head>
<body>
<include file="public:header" />
<style>
body {background: #ededed !important;}

.brand-nav-wrap {width: 100%;left: 0;top: -10px;background-color: #fff;border-top: 2px solid #fc6520;box-shadow: 10px 0 10px #ddd;background: rgba(255,255,255,.9);z-index: 99;}
.brand-nav-wrap .tomorrow-link {margin-left: 126px;}

.brand-main-img {height: 251px;}
.brand-content .brand-content-lists li {height: 251px;}
.brand-content {margin-top: 80px;}
 
.brand-nav-wrap .brand-logo {display: none;margin-right: 15px;}
.brand-nav-wrap .brand-nav-box {display: inline-block;vertical-align: top;margin-left: 20px;}
.brand-nav-wrap .brand-nav-box li {margin-right: 3px;}
.brand-nav-wrap .brand-nav-box li a {font-size: 12px;padding: 5px 3px;margin-right: 3px;}
.brand-info-box .price-box {left: 0px;}

.brand-nav-fix .brand-nav-box {margin-left: 0px;}
.brand-nav-fix .brand-logo {display: inline-block;}
</style>

<div id="container">
<div class="brand-index-box" c-rid="13010">
<div class="brand-main-wrap {:C('itk_site_width')}">
	<div class="brand-nav-wrap ">
		<div class="brand-center">
			<div class="brand-logo"></div>
			<ul class="brand-nav-box">
				<li <empty name="cid"> class="selected"</empty>><a href="{:U('brand/index')}" >全部</a></li>
				<volist name="acats" id="vol"> 
				<li <if condition="$cid eq $vol['id']"> class="selected"</if>><a href="{:U('brand/index',array('cid'=>$vol['id']))}" >{$vol.name}</a></li>
				</volist>
 
			<!--	<li class="ex-nav  <if condition="$timeFilter eq 'last'"> selected</if>"><a href="{:U('brand/index',array('cid'=>$cid,'timeFilter'=>'last'))}"><span class="iconfont-brand"></span>昨日热卖</a></li>-->
			</ul>
			<!-- <a class="tomorrow-link" href="{:U('brand/index',array('cid'=>$cid,'timeFilter'=>'tomorrow'))}" target="_blank">明日预告<span class="iconfont-brand"></span></a> -->
		</div>
	</div>

</div>
</div>
</div>


<div id="container">
<div class="brand-index-box">
<div class="brand-main-wrap {:C('itk_site_width')}">
	 
	<div class="brand-content">
	<ul class="brand-content-lists infinite-scroll">
	<volist name="items_list" id="val" key="ii">
		<li class="home-brand-group">
        <div class="img-box">
            <a href="{:U('brand/view',array('id'=>$val['id']))}" target="_blank">
                <img class="brand-main-img lazy" src="/static/taoke/images/blank.gif" data-original="{$val.newpic}" style="display: inline;">
            </a>
        </div>
        <div class="brand-info-box">
            <div class="brand-info-countdown">
                <span class="iconfont"></span>
				<if condition="$val['start_time'] egt time()">
					<span>活动开始时间：</span>
                <span class="countdown-container endtime" data-time="{$val['start_time']}" data-id="s{$ii}" id="end_date_s{$ii}"><em class="d">0</em>天<em class="h">0</em>小时<em class="m">0</em>分<em class="s">0</em>秒</span>
				<else />
					<span>本场剩余：</span>
                <span class="countdown-container endtime" data-time="{$val['end_time']}" data-id="s{$ii}" id="end_date_s{$ii}"><em class="d">0</em>天<em class="h">0</em>小时<em class="m">0</em>分<em class="s">0</em>秒</span>
				</if>

            </div>
            <h1><a href="{:U('brand/view',array('id'=>$val['id']))}" target="_blank">{$val.title} </a></h1>
            <a href="{:U('brand/view',array('id'=>$val['id']))}" target="_blank">
                <span class="info-text-box">
                    <span class="info-text">{$val.desc}</span>
                    <img class="more-icon hidden" src="/static/taoke/images/blank.gif" style="display: inline;">
                </span>
            </a>

        </div>
		</li>
	</volist>
	</ul>

	<div class="clearfix" style="margin-top: 40px"></div>
	</div>
</div>
</div>
</div>

	<notempty name="page">
	<div class="pagination tuan-before-page">
		{$page}<span class="enhanced_tip">&nbsp;</span>
	</div>
	</notempty>

 
<script type="text/javascript">
	function getTime(){
        $(".endtime").each(function () {
		var end = $(this).attr('data-time');
		var style = 2;
		var id = $(this).attr('data-id');

		today=new Date(); 
		timeold=((end)*1000-today.getTime()); 
		if (timeold < 0) {
			$("#end_date_"+id).html("已结束!");
			return;
		} 
		sectimeold=timeold/1000;
		secondsold=Math.floor(sectimeold); 
		msPerDay=24*60*60*1000;
		e_daysold=timeold/msPerDay;
		daysold=Math.floor(e_daysold); 
		e_hrsold=(e_daysold-daysold)*24;
		hrsold=Math.floor(e_hrsold); 
		e_minsold=(e_hrsold-hrsold)*60;
		minsold=Math.floor((e_hrsold-hrsold)*60); 
		e_seconds = (e_minsold-minsold)*60;
		seconds=Math.floor((e_minsold-minsold)*60); 
		ms = e_seconds-seconds;
		ms = new String(ms);
		ms1 = ms.substr(2,1);
		ms2 = ms.substr(2,1);
		hrsold1=daysold*24+hrsold;
		if(style == 1){
			$("#end_date_"+id).html((hrsold1<10?'0'+hrsold1:hrsold1)+"小时"+(minsold<10?'0'+minsold:minsold)+"分"+(seconds<10?'0'+seconds:seconds)+"秒");
		}else if(style == 2){
			if(daysold>0){
				$("#end_date_"+id).html("<i>"+daysold+"</i>天<i>"+(hrsold<10?'0'+hrsold:hrsold)+"</i>时<i>"+(minsold<10?'0'+minsold:minsold)+"</i>分<i>"+(seconds<10?'0'+seconds:seconds)+"."+ms2+"</i>秒");
			}else{
				$("#end_date_"+id).html("<i>"+(hrsold<10?'0'+hrsold:hrsold)+"</i>时<i>"+(minsold<10?'0'+minsold:minsold)+"</i>分<i>"+(seconds<10?'0'+seconds:seconds)+"."+ms2+"</i>秒");
			}
		}else if(style == 3){
			$("#end_date_"+id).html((hrsold1<10?'0'+hrsold1:hrsold1)+"小时"+(minsold<10?'0'+minsold:minsold)+"分"+(seconds<10?'0'+seconds:seconds)+"."+ms1+"秒");
		}else if(style == 4){
			if(daysold>0){
				$("#end_date_"+id).html(daysold+"天"+(hrsold<10?'0'+hrsold:hrsold)+"时"+(minsold<10?'0'+minsold:minsold)+"分");
			}else{
				$("#end_date_"+id).html((hrsold1<10?'0'+hrsold1:hrsold1)+"小时"+(minsold<10?'0'+minsold:minsold)+"分");
			}
		}else{
			$("#end_date_"+id).html(daysold+"天"+(hrsold<10?'0'+hrsold:hrsold)+"小时"+(minsold<10?'0'+minsold:minsold)+"分"+(seconds<10?'0'+seconds:seconds)+"秒."+ms2);
		}
            });
        }
        setInterval("getTime()",100);
    </script> 
<include file="public:footer" />
</body>
</html>